<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Colorbox弹出层插件</title>
<style type="text/css">
body { margin: 0px; }
.m{ width: 600px; height: auto; margin-right: auto; margin-left: auto; margin-top: 10%; background-color: #F3F3F3; border: 1px solid #E6E6E6; }
.m li{ line-height: 50px; height: 50px; list-style-type: none; text-align: center; border: 1px solid #E7E7E7; }
.m a{ display: block; text-decoration: none; color: #09C; }
.m a:hover{ background-color: #09C; color: #FFF; }
</style>
</head>

<body>
<div class="m">
<li><a href="example1/index.html">效果1</a></li>
<li><a href="example2/index.html">效果2</a></li>
<li><a href="example3/index.html">效果3</a></li>
<li><a href="example4/index.html">效果4</a></li>
<li><a href="example5/index.html">效果5</a></li>
</div>
<script src="http://www.jq22.com/js/jq.js"></script>
</body>
</html>
